<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <f:facet name="first">
            <meta http-equiv="X-UA-Compatible" content="IE=edge" />
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
            <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
            <meta name="apple-mobile-web-app-capable" content="yes" />
        </f:facet>
        <title>PrimeFaces Olympos Promotional Landing Page</title>
        <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js"></script>
        <h:outputScript library="olympos-layout" name="js/maps.js"/>
        <h:outputScript library="olympos-layout" name="js/nanoscroller.js"/>
        <h:outputScript library="olympos-layout" name="js/layout.js"/>
        <h:outputScript name="js/locales_zh.js"/>
        <ui:insert name="head"/>
    </h:head>
    <h:body class="NavyTopbar PopupMenu OvXHidden">
        <h:outputStylesheet library="olympos-layout" name="css/core-layout.css"/>
        <h:outputStylesheet library="olympos-layout" name="css/animate.css"/>
        <!--<h:outputStylesheet library="olympos-layout" name="#{themeView.layoutCss}"/>-->
        <h:outputStylesheet library="olympos-layout" name="css/nanoscroller.css"/>
        <h:outputStylesheet library="olympos-layout" name="css/olympos-font.css"/>
        <h:outputStylesheet library="olympos-layout" name="css/olympos-layout.css"/>

    <!-- LAYOUT TOPBAR COVER -->
    <div id="layout-topbar-cover">
        <div id="layout-topbar-row">
            <div id="layout-topbar-left">
                <h:link id="logo" outcome="/dashboard-banking.xhtml">
                    <img src="#{resource['olympos-layout:images/logo.svg']}" />
                </h:link>
            </div>
            <div id="layout-topbar-right">

                <a id="menu-resize-btn" class="topbar-link Animated03"><img src="#{resource['olympos-layout:images/menu-resize-btn-icon.svg']}" /></a>
                <a id="mobile-menu-btn" class="topbar-link Animated03"><img id="menu-btn-icon" src="#{resource['olympos-layout:images/menu-btn-icon.svg']}" /></a>

                <a id="" class="topbar-link Animated03 Fright"><i class="icon-user7"/></a>
                <a id="" class="topbar-link Animated03 Fright"><i class="icon-finish3"/></a>

                <div id="search-bar">
                    <input type="text" placeholder="Search" />
                    <a id="search-btn" class="Animated03"><i class="icon-zoom64"/></a>
                </div>

            </div>
        </div>
    </div>

        <!-- LAYOUT CONTAINER -->

        <div id="layout-container">
            <div id="layout-container-row">

                <!-- LAYOUT MENU COVER -->
                <div id="layout-menu-cover" class="nano Animated03">
                    <div id="layout-menu-cover-scroll-content" class="nano-content">

    <ul id="layout-tab-menu">
        <li><a href="#" class="active" rel="main-links"> <i class="icon-nine18"/> <span class="layout-tab-menu-link-text"><span></span> Main Links</span> </a></li>
        <li><a href="#" rel="main-products"> <i class="icon-shopping226"/> <span class="layout-tab-menu-link-text"><span></span> Product Catalogue</span> </a></li>
        <li><a href="#" rel="main-hr"> <i class="icon-male238"/> <span class="layout-tab-menu-link-text"><span></span> Human Resources</span> </a></li>
    </ul>

    <ul class="layout-tab-submenu active" id="main-links">
        <li>
            <a>MAIN LINKS</a>
            <ul>
                <li><a href="dashboard-banking.xhtml" class="menulink Fs14"> <i class="icon-accept8"/> Dashboard</a></li>
                <li><a href="#highlight" class="menulink Fs14"> <i class="icon-accept8"/> Olympos Highlight</a></li>
                <li><a href="#colorboxes" class="menulink Fs14"> <i class="icon-accept8"/> Olympos Features</a></li>
                <li><a href="#pricingtables" class="menulink Fs14"> <i class="icon-accept8"/> Pricing Tables</a></li>
                <li><a href="#products" class="menulink Fs14"> <i class="icon-accept8"/> Products Specs</a></li>
                <li><a href="#contactinfo" class="menulink Fs14"> <i class="icon-accept8"/> Where We Are ?</a></li>
                <li><a href="#layout-footer" class="menulink Fs14"> <i class="icon-accept8"/> Footer</a></li>
            </ul>
        </li>
    </ul>

    <ul class="layout-tab-submenu" id="main-products">
        <li>
            <a>PRODUCT CATALOGUE</a>
            <ul>
                <li><a href="#highlight" class="menulink"> <i class="icon-notebook65"/> Product Name 1</a></li>
                <li><a href="#colorboxes" class="menulink"> <i class="icon-notebook65"/> Product Name 2</a></li>
                <li><a href="#products" class="menulink"> <i class="icon-notebook65"/> Product Name 3</a></li>
                <li><a href="#contact" class="menulink"> <i class="icon-notebook65"/> Product Name 4</a></li>
                <li><a href="#footer" class="menulink"> <i class="icon-notebook65"/> Product Name 5</a></li>
                <li><a href="#highlight" class="menulink"> <i class="icon-notebook65"/> Product Name 6</a></li>
                <li><a href="#colorboxes" class="menulink"> <i class="icon-notebook65"/> Product Name 7</a></li>
                <li><a href="#products" class="menulink"> <i class="icon-notebook65"/> Product Name 8</a></li>
                <li><a href="#contact" class="menulink"> <i class="icon-notebook65"/> Product Name 9</a></li>
                <li><a href="#footer" class="menulink"> <i class="icon-notebook65"/> Product Name 10</a></li>
            </ul>
        </li>
    </ul>

    <ul class="layout-tab-submenu" id="main-hr">
        <li>
            <a>OPEN POSITIONS</a>
            <ul>
                <li><a href="#highlight" class="menulink"> <i class="icon-notebook65"/> Sr. Marketing Manager</a></li>
                <li><a href="#highlight" class="menulink"> <i class="icon-notebook65"/> Sr. Marketing Manager</a></li>
                <li><a href="#highlight" class="menulink"> <i class="icon-notebook65"/> Sr. Marketing Manager</a></li>
                <li><a href="#highlight" class="menulink"> <i class="icon-notebook65"/> Sr. Marketing Manager</a></li>
            </ul>
        </li>
    </ul>

                    </div>
                </div>

                <!-- Content Start-->

                <div class="Container100 NoIndent NavyBack TexAlCenter" id="highlight">
                    <div class="Wid80 MarAuto">
                        <div class="EmptyBox100 ShowOnDesktop"/>
                        <div class="EmptyBox60 ShowOnMobile"></div>
                        <img src="#{resource['olympos-layout:images/logo.svg']}" style="height:40px;" />
                        <div class="EmptyBox50"/>
                        <h1 class="FontLatoRegular Fs40 White TexAlCenter FontNormal">YOUR APPLICATION SLOGAN COMES HERE</h1>
                        <div class="EmptyBox20"/>
                        <span class="DispBlock TexAlCenter Fs20 FontLatoLight White">“ You can use this page as a promotion page template for your application.<br />
                            So your web application and promotion website of application will work in complete harmony. ”</span>
                        <div class="EmptyBox60"/>
                        <div class="Wid40 MarAuto WidAutoOnMobile ui-fluid">
                            <div class="Container50 Responsive50">
                                <p:button value="Dashboard Sample 1" onclick="window.open('dashboard-banking.xhtml','_self')" styleClass="GreenButton"/>
                            </div>
                            <div class="Container50 Responsive50">
                                <p:button value="Dashboard Sample 2" onclick="window.open('dashboard-supplychain.xhtml','_self')" styleClass="OrangeButton"/>
                            </div>
                        </div>
                        <div class="EmptyBox70 ShowOnDesktop"/>
                        <div class="EmptyBox40 ShowOnMobile"/>

                        <div class="EmptyBox100 ShowOnDesktop"/>
                    </div>
                </div>

                <div class="Wid100 Flex FlexWrap" id="colorboxes">

                    <div class="Container33 Responsive100 NoIndent RedBack TexAlCenter Flex Zoom1point05x">
                        <div class="Container100">
                            <div class="EmptyBox60"/>
                            <i class="icon-leaf13 White Opac60 Fs100"/>
                            <div class="EmptyBox30"/>
                            <h2 class="FontLatoRegular Fs40 White Opac60">Simple Design</h2>
                            <div class="EmptyBox10"/>
                            <p class="FontLatoRegular Wid60 Fs14 MarAuto White">Olympos blends a high design standard with unique innovations to achieve maximum usability based on the proven operation style of its predecessors.</p>
                            <p:button value="Learn More" onclick="window.open('dashboard-banking.xhtml','_self')" styleClass="NavyButton"/>
                            <div class="EmptyBox60"/>
                        </div>
                    </div>

                    <div class="Container33 Responsive100 NoIndent BlueBack TexAlCenter Flex Zoom1point05x">
                        <div class="Container100">
                            <div class="EmptyBox60"/>
                            <i class="icon-award80 White Opac60 Fs100"/>
                            <div class="EmptyBox30"/>
                            <h2 class="FontLatoRegular Fs40 White Opac60">Functionality</h2>
                            <div class="EmptyBox10"/>
                            <p class="FontLatoRegular Wid60 Fs14 MarAuto White">Olympos integrates a full range of new features to meet different user demands. These functions have been designed solely to deliver a superb user experience in every detail.</p>
                            <p:button value="Learn More" onclick="window.open('dashboard-supplychain.xhtml','_self')" styleClass="NavyButton"/>
                            <div class="EmptyBox60"/>
                        </div>
                    </div>

                    <div class="Container33 Responsive100 NoIndent GreenBack TexAlCenter Flex Zoom1point05x">
                        <div class="Container100">
                            <div class="EmptyBox60"/>
                            <i class="icon-updated White Opac60 Fs100"/>
                            <div class="EmptyBox30"/>
                            <h2 class="FontLatoRegular Fs40 White Opac60">Performance</h2>
                            <div class="EmptyBox10"/>
                            <p class="FontLatoRegular Wid60 Fs14 MarAuto White">Olympos is faster, more stable, and rock-solid. We have introduced multiple leading technologies to optimize system stability and speed, and a better user experience.</p>
                            <p:button value="Learn More" onclick="window.open('dashboard-banking.xhtml','_self')" styleClass="NavyButton"/>
                            <div class="EmptyBox60"/>
                        </div>
                    </div>

                    <div class="Container33 Responsive100 NoIndent OrangeBack TexAlCenter Flex Zoom1point05x">
                        <div class="Container100">
                            <div class="EmptyBox60"/>
                            <i class="icon-target21 White Opac60 Fs100"/>
                            <div class="EmptyBox30"/>
                            <h2 class="FontLatoRegular Fs40 White Opac60">User Friendly</h2>
                            <div class="EmptyBox10"/>
                            <p class="FontLatoRegular Wid60 Fs14 MarAuto White">Olympos blends a high design standard with unique innovations to achieve maximum usability based on the proven operation style of its predecessors.</p>
                            <p:button value="Learn More" onclick="window.open('dashboard-supplychain.xhtml','_self')" styleClass="NavyButton"/>
                            <div class="EmptyBox60"/>
                        </div>
                    </div>

                    <div class="Container33 Responsive100 NoIndent PurpleBack TexAlCenter Flex Zoom1point05x">
                        <div class="Container100">
                            <div class="EmptyBox60"/>
                            <i class="icon-tablet-screen1 White Opac60 Fs100"/>
                            <div class="EmptyBox30"/>
                            <h2 class="FontLatoRegular Fs40 White Opac60">Responsive</h2>
                            <div class="EmptyBox10"/>
                            <p class="FontLatoRegular Wid60 Fs14 MarAuto White">Olympos integrates a full range of new features to meet different user demands. These functions have been designed solely to deliver a superb user experience in every detail.</p>
                            <p:button value="Learn More" onclick="window.open('dashboard-banking.xhtml','_self')" styleClass="NavyButton"/>
                            <div class="EmptyBox60"/>
                        </div>
                    </div>

                    <div class="Container33 Responsive100 NoIndent AquaBack TexAlCenter Flex Zoom1point05x">
                        <div class="Container100">
                            <div class="EmptyBox60"/>
                            <i class="icon-tree40 White Opac60 Fs100"/>
                            <div class="EmptyBox30"/>
                            <h2 class="FontLatoRegular Fs40 White Opac60">Cross-Browser</h2>
                            <div class="EmptyBox10"/>
                            <p class="FontLatoRegular Wid60 Fs14 MarAuto White">Olympos is faster, more stable, and rock-solid. We have introduced multiple leading technologies to optimize system stability and speed, and a better user experience.</p>
                            <p:button value="Learn More" onclick="window.open('dashboard-banking.xhtml','_self')" styleClass="NavyButton"/>
                            <div class="EmptyBox60"/>
                        </div>
                    </div>
                </div>

                <div class="Container100 NoIndent LeadenBack" id="pricingtables" style=" padding:0px 3rem;">

                    <div class="EmptyBox50"/>

                    <h1 class="FontLatoBold Fs26 White TexAlCenter">Pricing Tables</h1>
                    <div class="EmptyBox30"/>

                    <div class="Wid80 MarAuto Responsive100 Flex FlexWrap">

                        <div class="Container25 TexAlCenter Responsive50 Flex">
                            <div class="Card Zoom1point05x">
                                <div class="Container100 FontDosisSemibold Black Opac80" style="font-size:2.4rem;">Standard</div>
                                <div class="Separator"/>
                                <div class="Wid100 OvHidden" style="height:3rem;"></div>
                                <div class="Container100 FontLatoBold Black Opac80" style="font-size:4rem;">$20<span class="Fs30 Leaden">/mo*</span></div>
                                <div class="Container100 FontLatoRegular Leaden Fs16">Basic customer support for<br /> small business</div>
                                <div class="Wid100 OvHidden" style="height:3rem;"></div>
                                <div class="Separator"/>
                                <div class="Container100 FontLatoBold Leaden Fs16">$25 for monthly</div>
                                <div class="Container100 ui-fluid">
                                    <p:button value="Get Started" styleClass="GreenButton Fleft"/>
                                </div>
                                <div class="Wid100 OvHidden" style="height:2rem;"/>
                            </div>
                        </div>

                        <div class="Container25 TexAlCenter Responsive50 Flex">
                            <div class="Card Zoom1point05x">
                                <div class="Container100 FontDosisSemibold Red" style="font-size:2.4rem;">Pro</div>
                                <div class="Separator"/>
                                <div class="Wid100 OvHidden" style="height:3rem;"></div>
                                <div class="Container100 FontLatoBold Black Opac80" style="font-size:4rem;">$30<span class="Fs30 Leaden">/mo*</span></div>
                                <div class="Container100 FontLatoRegular Leaden Fs16">All-in-one customer support<br /> for small business</div>
                                <div class="Wid100 OvHidden" style="height:3rem;"></div>
                                <div class="Separator"/>
                                <div class="Container100 FontLatoBold Leaden Fs16">$35 for monthly</div>
                                <div class="Container100 ui-fluid">
                                    <p:button value="Get Started" styleClass="RedButton Fleft"/>
                                </div>
                                <div class="Wid100 OvHidden" style="height:2rem;"/>
                            </div>
                        </div>

                        <div class="Container25 TexAlCenter Responsive50 Flex">
                            <div class="Card Zoom1point05x">
                                <div class="Container100 FontDosisSemibold Black Opac80" style="font-size:2.4rem;">Business</div>
                                <div class="Separator"/>
                                <div class="Wid100 OvHidden" style="height:3rem;"></div>
                                <div class="Container100 FontLatoBold Black Opac80" style="font-size:4rem;">$150<span class="Fs30 Leaden">/mo*</span></div>
                                <div class="Container100 FontLatoRegular Leaden Fs16">Business class customer <br />support + One to one help</div>
                                <div class="Wid100 OvHidden" style="height:3rem;"></div>
                                <div class="Separator"/>
                                <div class="Container100 FontLatoBold Leaden Fs16">$155 for monthly</div>
                                <div class="Container100 ui-fluid">
                                    <p:button value="Get Started" styleClass="GreenButton Fleft"/>
                                </div>
                                <div class="Wid100 OvHidden" style="height:2rem;"/>
                            </div>
                        </div>

                        <div class="Container25 TexAlCenter Responsive50 Flex">
                            <div class="Card Zoom1point05x">
                                <div class="Container100 FontDosisSemibold Black Opac80" style="font-size:2.4rem;">Business Plus</div>
                                <div class="Separator"/>
                                <div class="Wid100 OvHidden" style="height:3rem;"></div>
                                <div class="Container100 FontLatoBold Black Opac80" style="font-size:4rem;">$500<span class="Fs30 Leaden">/mo*</span></div>
                                <div class="Container100 FontLatoRegular Leaden Fs16">Business class customer <br />support + One to one help</div>
                                <div class="Wid100 OvHidden" style="height:3rem;"></div>
                                <div class="Separator"/>
                                <div class="Container100 FontLatoBold Leaden Fs16">$555 for monthly</div>
                                <div class="Container100 ui-fluid">
                                    <p:button value="Get Started" styleClass="GreenButton Fleft"/>
                                </div>
                                <div class="Wid100 OvHidden" style="height:2rem;"/>
                            </div>
                        </div>

                    </div>

                    <div class="EmptyBox50"/>

                </div>

                <div class="Wid100 Flex FlexWrap" id="products" style="background-color:#f2f2f2;">
                    <div class="Container100 TexAlCenter">
                        <h1 class="Card FontLatoBold Fs26 Black Opac80">Products Specifications</h1>
                    </div>

                    <div class="Container33 Responsive50 NoIndent TexAlCenter Flex FlexWrap">
                        <div class="Container50 Responsive50 Flex">
                            <div class="Card Zoom1point05x">
                                <div class="EmptyBox10"/>
                                <i class="icon-medical55 Red Fs100"/>
                                <div class="EmptyBox20"/>
                                <h2 class="FontLatoRegular Fs20 Blue">Product Spec 1</h2>
                                <div class="EmptyBox10"/>
                                <p class="FontLatoRegular Fs14 MarAuto">Olympos is faster, more stable, and rock-solid. We have introduced multiple leading technologies to optimize system stability and speed, and a better user experience.</p>
                                <p:button value="Learn More" onclick="window.open('dashboard-banking.xhtml','_self')" styleClass="OrangeButton"/>
                                <div class="EmptyBox10"/>
                            </div>
                        </div>
                        <div class="Container50 Responsive50 NoIndent Flex FlexWrap">
                            <div class="Container100 Flex">
                                <div class="Card Zoom1point05x">
                                    <div class="EmptyBox10"/>
                                    <i class="icon-presentation18 Red Fs60"/>
                                    <div class="EmptyBox20"/>
                                    <h2 class="FontLatoRegular Fs20 Blue">Product Spec 2</h2>
                                    <div class="EmptyBox10"/>
                                    <p class="FontLatoRegular Fs14 MarAuto">Olympos is faster, more stable, and rock-solid. We have introduced multiple leading technologies to optimize system stability and speed, and a better user experience.</p>
                                    <p:button value="Learn More" onclick="window.open('dashboard-banking.xhtml','_self')" styleClass="GreenButton"/>
                                    <div class="EmptyBox10"/>
                                </div>
                            </div>
                            <div class="Container50 Responsive100 Flex ShowOnDesktop">
                                <div class="Card Zoom1point05x">
                                    <i class="icon-smartphone22 Red Fs60"/>
                                </div>
                            </div>
                            <div class="Container50 Responsive100 Flex ShowOnDesktop">
                                <div class="Card Zoom1point05x">
                                    <i class="icon-triangle26 Red Fs60"/>
                                </div>
                            </div>
                        </div>
                        <div class="Container100 Flex">
                            <div class="Card Zoom1point05x">
                                <h2 class="FontLatoRegular Fs20 Blue">Product Spec 3</h2>
                                <p class="FontLatoRegular Fs14 MarAuto">Olympos is faster, more stable, and rock-solid. We have introduced multiple leading technologies to optimize system stability and speed, and a better user experience.</p>
                                <p class="FontLatoRegular Fs14 MarAuto">Olympos is faster, more stable, and rock-solid. We have introduced multiple leading technologies to optimize system.</p>
                            </div>
                        </div>
                    </div>

                    <div class="Container33 Responsive50 NoIndent TexAlCenter Flex FlexWrap">
                        <div class="Container50 Responsive50 Flex">
                            <div class="Card Zoom1point05x">
                                <div class="EmptyBox10"/>
                                <i class="icon-zip23 Red Fs60"/>
                                <div class="EmptyBox20"/>
                                <h2 class="FontLatoRegular Fs20 Blue">Product Spec 4</h2>
                                <p class="FontLatoRegular Fs14 MarAuto">Olympos is faster, more stable, and rock-solid. We have introduced multiple leading technologies to optimize system stability and speed, and a better user experience.</p>
                                <p:button value="Learn More" onclick="window.open('dashboard-banking.xhtml','_self')" styleClass="PurpleButton"/>
                                <div class="EmptyBox10"/>
                            </div>
                        </div>
                        <div class="Container50 Responsive50 Flex">
                            <div class="Card Zoom1point05x">
                                <div class="EmptyBox10"/>
                                <i class="icon-loop12 Red Fs60"/>
                                <div class="EmptyBox20"/>
                                <h2 class="FontLatoRegular Fs20 Blue">Product Spec 5</h2>
                                <p class="FontLatoRegular Fs14 MarAuto">Olympos is faster, more stable, and rock-solid. We have introduced multiple leading technologies to optimize system stability and speed, and a better user experience.</p>
                                <p:button value="Learn More" onclick="window.open('dashboard-banking.xhtml','_self')" styleClass="NavyButton"/>
                                <div class="EmptyBox10"/>
                            </div>
                        </div>
                        <div class="Container50 Responsive50 Flex">
                            <div class="Card Zoom1point05x">
                                <div class="EmptyBox10"/>
                                <i class="icon-computers3 Red Fs60"/>
                                <div class="EmptyBox20"/>
                                <h2 class="FontLatoRegular Fs20 Blue">Product Spec 6</h2>
                                <p class="FontLatoRegular Fs14 MarAuto">Olympos is faster, more stable, and rock-solid. We have introduced multiple leading technologies to optimize system stability and speed, and a better user experience.</p>
                                <p:button value="Learn More" onclick="window.open('dashboard-banking.xhtml','_self')" styleClass="BlueButton"/>
                                <div class="EmptyBox10"/>
                            </div>
                        </div>
                        <div class="Container50 Responsive50 Flex">
                            <div class="Card Zoom1point05x">
                                <div class="EmptyBox10"/>
                                <i class="icon-website22 Red Fs60"/>
                                <div class="EmptyBox20"/>
                                <h2 class="FontLatoRegular Fs20 Blue">Product Spec 7</h2>
                                <p class="FontLatoRegular Fs14 MarAuto">Olympos is faster, more stable, and rock-solid. We have introduced multiple leading technologies to optimize system stability and speed, and a better user experience.</p>
                                <p:button value="Learn More" onclick="window.open('dashboard-banking.xhtml','_self')" styleClass="OrangeButton"/>
                                <div class="EmptyBox10"/>
                            </div>
                        </div>
                    </div>

                    <div class="Container33 Responsive100 NoIndent TexAlCenter Flex FlexWrap">
                        <div class="Container50 Responsive50 Flex">
                            <div class="Card Zoom1point05x">
                                <div class="EmptyBox20"/>
                                <i class="icon-cloud393 Red Fs60"/>
                                <div class="EmptyBox20"/>
                                <h2 class="FontLatoRegular Fs20 Blue">Product Spec 8</h2>
                                <p class="FontLatoRegular Fs14 MarAuto">Olympos is faster, more stable, and rock-solid. We have introduced multiple leading technologies to optimize system stability and speed, and a better user experience.</p>
                                <p class="FontLatoRegular Fs14 MarAuto">Olympos is faster, more stable, and rock-solid. We have introduced multiple leading technologies to optimize system stability and speed, and a better user experience.
                                    Olympos is faster, more stable, and rock-solid. We have introduced multiple leading technologies to optimize system stability and speed, and a better user experience.</p>
                                <p class="FontLatoRegular Fs14 MarAuto">Olympos is faster, more stable, and rock-solid. We have introduced multiple leading technologies to optimize system stability and speed, and a better user experience.</p>
                                <p:button value="Learn More" onclick="window.open('dashboard-banking.xhtml','_self')" styleClass="BlueButton"/>
                                <div class="EmptyBox10"/>
                            </div>
                        </div>
                        <div class="Container50 Responsive50 NoIndent Flex FlexWrap">
                            <div class="Container100 Flex">
                                <div class="Card Zoom1point05x">
                                    <div class="EmptyBox10"/>
                                    <i class="icon-google122 Red Fs60"/>
                                    <div class="EmptyBox20"/>
                                    <h2 class="FontLatoRegular Fs20 Blue">Product Spec 9</h2>
                                    <p class="FontLatoRegular Fs14 MarAuto">Olympos is faster, more stable, and rock-solid. We have introduced multiple leading technologies to optimize system stability and speed, and a better user experience.</p>
                                    <p:button value="Learn More" onclick="window.open('dashboard-banking.xhtml','_self')" styleClass="YellowButton"/>
                                    <div class="EmptyBox10"/>
                                </div>
                            </div>
                            <div class="Container100 Flex">
                                <div class="Card Zoom1point05x">
                                    <div class="EmptyBox10"/>
                                    <i class="icon-mail97 Red Fs60"/>
                                    <div class="EmptyBox20"/>
                                    <h2 class="FontLatoRegular Fs20 Blue">Product Spec 10</h2>
                                    <p class="FontLatoRegular Fs14 MarAuto">Olympos is faster, more stable, and rock-solid. We have introduced multiple leading technologies to optimize system stability and speed, and a better user experience.</p>
                                    <p:button value="Learn More" onclick="window.open('dashboard-banking.xhtml','_self')" styleClass="RedButton"/>
                                    <div class="EmptyBox10"/>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>


                <div class="Container100 NoIndent" id="contactinfo">
                    <p:gmap center="40.7117299, -74.0097789"
                            zoom="14"
                            type="ROADMAP"
                            model="#{markersView.simpleModel}"
                            styleClass="Container100 NoIndent"
                            style="height:600px;" />

                    <div class="Wid100 MarAuto OvHidden AquaBack">
                        <div class="Container100 TexAlCenter">
                            <div class="Wid100 OvHidden" style="height:2rem;"/>
                            <div class="Wid100 MarAuto DispBlock OvHidden FontLatoBold White" style="font-size:2.0rem;">We Are Here !</div>
                            <div class="Wid100 OvHidden" style="height:0.5rem;"/>
                            <div class="Wid100 MarAuto DispBlock OvHidden FontLatoRegular Fs20 Black Opac80">PO Box 16122, Canal Street West, New York 8007, USA</div>
                            <div class="Wid100 OvHidden" style="height:1rem;"/>
                            <div class="Container100 ui-fluid">
                                <p:button value="Contact Us" styleClass="OrangeButton MarAuto" style="max-width:250px;"/>
                            </div>
                            <div class="Wid100 OvHidden" style="height:2rem;"/>
                        </div>
                    </div>

                </div>

                <!-- Content End-->

                <ui:include src="/WEB-INF/footer.xhtml"/>

            </div>
        </div>
    </h:body>
</html>